<!doctype html>
<html>
	<head>
		<title> Test PUI style with angular -- button </title>
		<link rel="stylesheet" href="../jquery-ui/jquery-ui-1.9.2.custom.min.css" />
		<link rel="stylesheet" href="../production/primeui-1.0-min.css" />
		<link rel="stylesheet" href="../themes/aristo/theme.css" />
	</head>

	<body ng-controller="MainCtrl">

	<div pui-growl-tips="{width: 400}"></div>

	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="underscore.min.js"></script>
	<script type="text/javascript" src="zepto-1.1.3.js"></script>
	<script type="text/javascript" src="base.js"></script>
	<script type="text/javascript" src="all.js"></script>
	<script language="javascript">
	var md = angular.module('md', ['pui']);

	md.controller('MainCtrl', function($scope, $timeout, puiGrowl){
		puiGrowl.info('XX', 'XXXX');
		puiGrowl.warn('AA', 'AAAA');
		puiGrowl.error('BB', 'BBBB');
		puiGrowl.fatal('CC', 'CCCC');

		puiGrowl.overlay();
		$timeout(function(){
			puiGrowl.hideOverlay();
			puiGrowl.alert('DD', 'DDD');
//			puiGrowl.confirm('DD', 'DDD');
//			puiGrowl.prompt('DD', null, 'DDDD', {lock: true, id: 'DD'});
		}, 1000 * 3);

		$scope.$on('puiGrowlOk', function(e, data){
			console.log(data);
		});
		$scope.$on('puiGrowlNo', function(e, data){
			console.log(data);
		});
	});

	angular.bootstrap(document, ['md']);
	</script>
	</body>
</html>